<template>
  <div id="map" class="map" />
</template>

<script>
import { onMounted, reactive } from 'vue'
import DMap from 'd-map'
export default {
  setup() {
    const state = reactive({
      map: null
    })
    onMounted(() => {
      state.map = new DMap('map', {
        projection: 'EPSG:3857',
        zoom: 14
      })
      state.map.addWTMSLayer('dl-map-jn-night', '192.168.32.188:8088')
    })
  }
}
</script>

<style lang="scss" scoped>
.map{
    width: 100%;
    height: 800px;
}
</style>
